<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Gentelella Alela! | </title>

    <!-- Bootstrap -->
    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/select2/4.0.6-rc.1/css/select2.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="assets/css/plagins/nprogress.css" rel="stylesheet">

    <!-- Custom styling plus plugins -->
    <link href="assets/css/main.css" rel="stylesheet">
    <link href="assets/css/plagins/form_control.css" rel="stylesheet">
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="index.html" class="site_title">
                <i class="fa"></i>
                <span>经销商订单管理系统</span>
              </a>
            </div>

            <div class="clearfix"></div>
            <!-- /menu profile quick info -->
            <br />

            <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                <h3></h3>
                <ul class="nav side-menu">
                </ul>
              </div>
            </div>
            <!-- /sidebar menu -->
          </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
          <span class="nav_menu">
            <nav>
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>

              <ul class="nav navbar-nav top-menu">
                <li><a href="index" class="active">首页</a></li>
                <li><a href="purchase">进货管理</a></li>
                <li><a href="javascript:;">销售管理</a></li>
                <li><a href="javascript:;">预出库管理</a></li>
                <li><a href="javascript:;">产品管理</a></li>
                <li><a href="javascript:;">安全预警</a></li>
                <li><a href="javascript:;">基本管理</a></li>
                <li><a href="javascript:;">系统管理</a></li>
              </ul>

              <ul class="nav navbar-nav navbar-right">
                <li class="">
                  <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                    <span class="user-head"></span>
                    <span class="user-company"> 宁波市泰德医疗机械有限公司 </span>
                    <span class="user-name"> 您好！张冬梅 </span>
                    <span class="fa fa-angle-down"></span>
                  </a>
                  <ul class="dropdown-menu dropdown-usermenu pull-right">
                    <li>
                      <button class="dropdown-menu-btn">修改密码</button>
                      <button class="dropdown-menu-btn">退出登录</button>
                    </li>
                  </ul>
                </li>
              </ul>
            </nav>
          </div>
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main">
          <div class="">

            <div class="page-title">
              <div class="title_left">
                <h3>销售订单生成</h3>
              </div>
            </div>
            <div class="page-content">
              <ul class="nav nav-tabs">
                <li role="presentation" class="active"><a href="#tab_1" data-toggle="tab">生成销售订单</a></li>
                <li role="presentation"><a href="#tab_2" data-toggle="tab">预出库转销</a></li>
                <li role="presentation"><a href="#tab_3" data-toggle="tab">我生成的销售单</a></li>
              </ul>
              <div class="tab-content">
                <div class="tab-pane fade in active" id="tab_1">
                  <div class="search-container">
                    <form class="form-horizontal" id="form1">
                      <div class="form-group">
                        <label for="" class="control-label">销售客户：</label>
                        <select name="" class="sales-list" multiple="multiple">
                          <option value="one">第一个销售客户</option>
                          <option value="two">第二个销售客户</option>
                          <option value="three">第三个销售客户</option>
                        </select>
                      </div>
                    </form>
                  </div>
                  <div class="section-data">
                    <table class="table table-striped">
                      <thead>
                        <th>商品名称</th>
                        <th>规格型号</th>
                        <th>生成厂家</th>
                        <th>供应企业</th>
                        <th>商品单位</th>
                        <th>库存数量</th>
                        <th>销售数量</th>
                        <th>销售单价</th>
                      </thead>
                      <tr>
                        <td>我是商品名称</td>
                        <td>我是规格型号</td>
                        <td>握手生成厂家</td>
                        <td>我是供应企业</td>
                        <td>我是商品单位</td>
                        <td>0</td>
                        <td>0</td>
                        <td>99</td>
                      </tr>
                      <tr>
                        <td>我是商品名称</td>
                        <td>我是规格型号</td>
                        <td>握手生成厂家</td>
                        <td>我是供应企业</td>
                        <td>我是商品单位</td>
                        <td>0</td>
                        <td>0</td>
                        <td>99</td>
                      </tr>
                      <tfoot>
                        <tr>
                          <td colspan="8" class="text-center" style="margin-top: ">
                            <button class="btn btn-warning">添加商品</button>
                          </td>
                        </tr>
                      </tfoot>
                    </table>

                    <div class="section-agg">
                      <h4>合计</h4>
                      <div class="col-md-4">商品种类：6</div>
                      <div class="col-md-4">商品件数：0</div>
                      <div class="col-md-4">销售总价：00</div>
                    </div>
                    <div class="section-agg">
                      <h4>收货信息</h4>
                      <div class="col-md-4 form-group">收获地址：<input type="text"></div>
                      <div class="col-md-4 form-group">联系人：<input type="text"></div>
                      <div class="col-md-4 form-group">联系方式：<input type="text"></div>
                    </div>

                    <div class="section-agg">
                      <h4>送审设置</h4>
                      <div class="col-md-12 form-group">送审：
                        <select name="" id="" class="small">
                          <option value="">xxxxxx</option>
                        </select>
                        <select name="" id=""class="small">
                          <option value="">xxxxxx</option>
                        </select>
                        <select name="" id=""class="small">
                          <option value="">xxxxxx</option>
                        </select>
                      </div>
                    </div>
                    <div class="section-agg">
                      <div class="col-md-12 text-center">
                        <a class="btn btn-primary">确认送审</a>
                        <a class="btn btn-success">免送审提交</a>
                      </div>
                    </div>
                    
                  </div>
                </div>
                <div class="tab-pane fade" id="tab_2">ss2ss</div>
                <div class="tab-pane fade" id="tab_3">ss3ss</div>

              </div>
              
              <div class="clearfix"></div>
            </div>
          </div>
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer>
          <div class="pull-right">
            Copyright©国泰医通（浙江）供应链管理有限公司  版权所有
          </div>
          <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->
      </div>
    </div>

    <!-- jQuery -->
    <script src="assets/js/jquery-1.11.1.min.js"></script>
    <script src="https://cdn.bootcss.com/select2/4.0.6-rc.0/js/select2.min.js"></script>
    <script src="https://cdn.bootcss.com/select2/4.0.6-rc.0/js/i18n/zh-CN.js"></script>
    <!-- bootstrap.js -->
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <!-- Custom Theme Scripts -->
    <script src="assets/js/menu.config.js"></script>
    <script src="assets/js/main.js"></script>

  </body>
</html>